<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Grandon HTML Template</title>


<!-- add css stylesheets -->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"
	type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="js/modernizr.custom.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>

<style type="text/css">
.content_wrapper {
	padding-bottom: 0px;
}
.content_wrapper_inner{
	padding-top: 0px;
	background-color: #E9F7FE;
	color: #5091b2;
	border: 1px solid #b6d7e8;
}
.eight {
	margin-left: 200px;
}

.eight a {
	margin-right: 20px;
}

select {
	width: 100px;
	margin-bottom: 1px;
}
button {
	cursor: pointer;
	}
.dri_du{
	text-align: center;
	padding-bottom: 2px;
	margin-bottom: 5px;
}	
.dri_du a{
	margin: 10px; 
	color: #000;
	padding: 4px 20px;
	background-color: #ff9600;
}
.dri_du a:hover {
	background-color: #ff9600;
}
.cond{
	font-size: 20px;
	color: #ff9600;
	font-family: sans-serif;
}
input{
	margin-bottom: 0px;
}
.view_title h6{
	text-align: left;
	padding-left: 20px;
}
.view_title{
	background-color:#EBF6E0;;
	border: 1px solid #b3dc82;
}
</style>

</head>
<body>
	<img src="images/large/bg.jpg" alt="" id="background" />
	<s:include value="../../../common_file/title1.jsp"></s:include>
	<div class="content_wrapper_inner">
		<div class="container">
			<div class="port_inner">
				<div class="sixteen columns row">
				    <div class="container sixteen columns" style="float:left;">
			          <div class="page_title_inner">	      			       	
							<span class="main_t_1">账号信息</span> &nbsp; --- &nbsp;
							<b class="cond">技术部 </b>
					  <div class="filter_wrapper" style="float: right;margin-right:10px;">
						<ul class="filter group">
								<li class="current all"><a href="pages/system-manager/account/add_account.jsp">新建账号</a></li>
								<li class="current all"><a href="#">全部选择</a></li>
								<li class="current all"><a href="#">注销所选</a></li>
						</ul>
					</div>	
				</div>	
			 </div>		
			       
					<div class="filter_wrapper" style="float:right;">
						<ul class="filter group">
							<li class="annoucement"><select>
									<option>部门</option>
									<option>张三</option>
									<option>李四</option>
							</select></li>
							<li class="annoucement"><select>
									<option>用户名</option>
									<option>路线1</option>
									<option>路线2</option>
							</select></li>
						</ul>
					</div>
				</div>
				<div class="clear"></div>

				<ul class="portfolio group">
					<li class="four columns" data-id="id-1" data-type="advertising">

						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>
					</li>
					
					<li class="four columns" data-id="id-1" data-type="advertising">

						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>
					</li>
					
					<li class="four columns" data-id="id-1" data-type="advertising">

						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>
					</li>
					
					
					<li class="four columns" data-id="id-2" data-type="game">

						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>
					</li>
					<li class="four columns" data-id="id-3" data-type="advertising">


						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>

					</li>
					<li class="four columns" data-id="id-4" data-type="news">


						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>

					</li>
					<li class="four columns" data-id="id-3" data-type="advertising">


						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>

					</li>
					<li class="four columns" data-id="id-4" data-type="news">


						<div class="view_title">
							<h6>用户名: yangxiu</h6>
							<h6>密码: yangx1992915</h6>
							<h6>注册姓名: yangxiu</h6>
							<h6>角色:普通员工</h6>
							<div class="dri_du">
								<input type="checkbox">
								<a href="#">重置</a>
								<a href="#">注销</a>
							</div>
						</div>

					</li>

				</ul>
				<span class="clear"></span>
			</div>
			<div style="float: right;margin-top:15px;">
				<s:include value="../../../common_file/fenye_btn.jsp"></s:include>
			</div>


		</div>
		<!-- End Main page wrapper -->

		<div class="clear"></div>
	</div>

	<div>
		<s:include value="../../../common_file/bottom.jsp"></s:include>
	</div>

</body>
</html>
